آموزش تگ های پیشرفته html

<div class="notice">
  <h3>راهنمای HTML</h3>
  <p>این بخش با یک کلاس استایل می گیرد.</p>
</div>

<table>
  <thead>
    <tr><th>تگ</th><th>کاربرد</th></tr>
  </thead>
  <tbody>
    <tr><td>tr</td><td>ساخت ردیف</td></tr>
    <tr><td>td</td><td>ساخت خانه داده</td></tr>
  </tbody>
</table>

<form action="/contact" method="post">
  <label for="email">ایمیل</label>
  <input id="email" name="email" type="email" required>
  <button type="submit">ارسال</button>
</form>

<label for="message">پیام</label>
<textarea id="message" name="message" rows="4"></textarea>

<label for="vehicle">وسیله نقلیه</label>
<select id="vehicle" name="vehicle">
  <optgroup label="خودروهای سوئدی">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <option value="audi">Audi</option>
</select>

<ol>
  <li>ساختار سند را ایجاد کنید</li>
  <li>محتوا را اضافه کنید</li>
</ol>

<dl>
  <dt>HTML</dt>
  <dd>زبان نشانه گذاری برای ساختار محتوا</dd>
</dl>

<iframe
  src="https://example.com"
  title="صفحه نمونه"
  loading="lazy"
  width="600"
  height="400">
</iframe>

<img src="planets.gif" usemap="#planetmap" alt="نقشه سیاره ها">
<map name="planetmap">
  <area shape="circle" coords="90,58,8"
        href="venus.html" alt="اطلاعات سیاره زهره">
</map>

<canvas id="myCanvas" width="300" height="150">
  مرورگر شما از canvas پشتیبانی نمی کند.
</canvas>

<meta name="viewport" content="width=device-width, initial-scale=1">

@media (max-width: 600px) {
  .layout {
    display: block;
  }
}